﻿@{
    Layout = null;
}
@model IEnumerable<Model.Sub>
@{
    string studentname = System.Web.HttpUtility.UrlDecode(Request.Cookies["studentInfo"]["studentName"], System.Text.Encoding.UTF8);
    string studentnum = System.Web.HttpUtility.UrlDecode(Request.Cookies["studentInfo"]["studentNum"], System.Text.Encoding.UTF8);
    string studentPic = System.Web.HttpUtility.UrlDecode(Request.Cookies["studentInfo"]["studentPicture"], System.Text.Encoding.UTF8);
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页 </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="~/Content/UI/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="~/Content/UI/vendor/font-awesome/css/font-awesome.min.css">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" href="~/Content/UI/css/fontastic.css">
    <!-- Google fonts - Poppins -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="~/Content/UI/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="~/Content/UI/css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="~/Content/UI/img/favicon.ico">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>
    <div class="page">
      <!-- Main Navbar-->
      <header class="header">
        <nav class="navbar">
          <!-- Search Box-->
          <div class="search-box">
            <button class="dismiss"><i class="icon-close"></i></button>
            <form id="searchForm" action="#" role="search">
              <input type="search" placeholder="What are you looking for..." class="form-control">
            </form>
          </div>
          <div class="container-fluid">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
              <!-- Navbar Header-->
              <div class="navbar-header">
                <!-- Navbar Brand --><a href="/teacher/index" class="navbar-brand d-none d-sm-inline-block">
                  <div class="brand-text d-none d-lg-inline-block"><span>练习生选课系统 </span><strong></strong></div>
                  <div class="brand-text d-none d-sm-inline-block d-lg-none"><strong>练习生</strong></div></a>
                <!-- Toggle Button--><a id="toggle-btn" href="#" class="menu-btn active"><span></span><span></span><span></span></a>
              </div>
              <!-- Navbar Menu -->
              <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                <!-- Search-->
                <li class="nav-item d-flex align-items-center"><a id="search" href="#"><i class="icon-search"></i></a></li>
                <li class="nav-item"><a href="/login/index" class="nav-link logout"> <span class="d-none d-sm-inline">登出</span><i class="fa fa-sign-out"></i></a></li>
              </ul>
            </div>
          </div>
        </nav>
      </header>
      <div class="page-content d-flex align-items-stretch"> 
        <!-- Side Navbar -->
        <nav class="side-navbar">
          <!-- Sidebar Header-->
          <div class="sidebar-header d-flex align-items-center">
            <div class="avatar"><img src=@studentPic alt="..." class="img-fluid rounded-circle"></div>
            <div class="title">
              <h1 class="h4">@studentname</h1>
              <p>@studentnum</p>
            </div>
          </div>
          <!-- Sidebar Navidation Menus--><span class="heading">菜单</span>
          <ul class="list-unstyled">
                    <li class="active"><a href="/student/index"> <i class="icon-home"></i>首页 </a></li>
                    <li ><a href="#exampledropdownDropdown11" aria-expanded="false" data-toggle="collapse"> <i class="icon-grid"></i>选课 </a>
                        <ul id="exampledropdownDropdown11" class="collapse list-unstyled ">
                        <li class="active"><a href="/student/kskc">考试课程</a></li>
                        <li><a href="/student/kckc">考察课程</a></li>
                        
                      </ul>
                    </li>
                    <li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>个人信息 </a>
                      <ul id="exampledropdownDropdown" class="collapse list-unstyled ">
                        <li><a href="/student/sxkc">所选课程</a></li>
                        <li><a href="/student/editinfo">修改信息</a></li>
                      </ul>
                    </li>
                    <li><a href="/login/index"> <i class="icon-interface-windows"></i>退出登录 </a></li>
          </ul>
        </nav>
        <div class="content-inner">
    
          <header class="page-header">
            <div class="container-fluid">
              <h2 class="no-margin-bottom">首页</h2>
            </div>
          </header>
          <section class="projects no-padding-top">
                    <div class="container-fluid">
                        <!-- Project-->
                        <!--选择十条数据显示 -->
                        <div class="project">
                            <div class="row bg-white has-shadow">
                                 @foreach (var row in Model)
                                    {
                                        BLL.BLLTeacher blltea = new BLL.BLLTeacher();
                                        string teacherame = blltea.Details(c => c.TeacherID == row.TeacherID).FirstOrDefault().TeacherName;
                                <div class="left-col col-lg-6 d-flex align-items-center justify-content-between">
                                    <div class="project-title d-flex align-items-center">
                                        <div class="image has-shadow">
                                            <img src=@System.Web.HttpUtility.UrlDecode(row.SubPictures, System.Text.Encoding.UTF8) alt="..." class="img-fluid">
                                        </div>
                                        <div class="text">

                                            <h3 class="h4">@row.SubName</h3>
                                            <small>任课老师：@teacherame</small>
                                        </div>
                                    </div>
                                    <div class="project-date"><span class="hidden-sm-down">@row.StartTime</span></div>
                                </div>
                                <div class="right-col col-lg-6 d-flex align-items-center">
                                    <div class="time"><i class="fa fa-clock-o"></i>@row.EndTime </div>
                                    <div class="comments">
                                        <!--<i class="fa fa-comment-o"></i>-->
                                        课时：@row.ClassTime
                                    </div>
                                    <div class="project-progress">
                                        选课人数：@row.ClassPeople/@row.NeedPeople
                      
                                    </div>

                                </div>
                                 }
                            </div>
                        </div>
                    </div>
                </section>
      </div>
    </div>
    <!-- JavaScript files-->
    <script src="~/Content/UI/vendor/jquery/jquery.min.js"></script>
    <script src="~/Content/UI/vendor/popper.js/umd/popper.min.js"> </script>
    <script src="~/Content/UI/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="~/Content/UI/vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="~/Content/UI/vendor/chart.js/Chart.min.js"></script>
    <script src="~/Content/UI/vendor/jquery-validation/jquery.validate.min.js"></script>
    <script src="~/Content/UI/js/charts-home.js"></script>
    <!-- Main File-->
    <script src="~/Content/UI/js/front.js"></script>
  </body>
</html>
